

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<div class="container" style="margin-top: 40px;" >
    <div class="row" style="margin-left: 50px;" id="dao">
        <ul>
            <c:forEach items="${information}" var="map">
                <li>
                    <!-- 翻转 -->
                    <div class="card middle">
                        <c:if test="${map.guideApply.sex=='男'}">
                            <div class="front" style="background-image:url(${map.guideInfo.photo});">
                            </div>
                        </c:if>
                        <c:if test="${map.guideApply.sex=='女'}">
                            <div class="front" style="background-image:url(${map.guideInfo.photo});">

                            </div>
                        </c:if>
                        <div class="back">
                            <div style="font-szie:30px; text-align: center; font-family:  Microsoft Yahei">
                                受欢迎度
                                <c:forEach   end="${map.guideInfo.grade}" begin="1" >

                                    <img style="width: 10px;height:10px" src="${path}/imgs/dyxx.png">
                                </c:forEach>


                            </div>
                            <div class="bj_top">


                            </div>
                            <div class="back-content middle" >

                                <a  onclick="dropPage(${map.guideInfo.id})" value="" style="text-decoration: none" >

                                    <img class="hbj"  src="${map.guideInfo.photo}" alt="" />

                                    <h2>${map.guideApply.actualName}</h2>

                                    <div class="biaoqian">

                                        <c:forEach items="${map.guideLaber}" var="g">
                                            <div>
                                                    ${g.plaber}
                                            </div>
                                        </c:forEach>

                                    </div>
                                    <p class="mytext">${map.guideInfo.contents}</p>
                                </a>

                            </div>
                        </div>
                    </div>
                    <!-- 反转end -->
                </li>

            </c:forEach>

        </ul>

    </div>
</div>

<%@include file="travls_inde_pages.jsp"%>
